<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/win-together.css">
    <link rel="stylesheet" href="../css/nav.css">
    <link rel="stylesheet" href="../css/footer.css">
    <script src="../js/hover-together.js"></script>
    <!-- <script src="./js/dropdown-delay.js"></script> -->
    <title>美团PC端布局练习</title>
</head>

<body>
    <!-- 这是SVG sprite定义，直接复制自测试页，确保无编码和结构问题 -->
    <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" style="position:absolute;">
        <symbol id="mtdicon-qrcode" viewBox="0 0 20 20">
            <path
                d="M2 2h4v4H2V2zm4 8H2v4h4v-4zm8-8h4v4h-4V2zm4 8h-4v4h4v-4zm-8 4H6v4h4v-4zm4-4h-4v4h4v-4zm0-4h-4v4h4V6zm-8 0H6v4h4V6z"
                fill="currentColor" />
        </symbol>
        <symbol id="wk-deepArrow" viewBox="0 0 20 20">
            <path d="M5 7l5 5 5-5z" fill="#333" />
        </symbol>
        <symbol id="wk-arrow" viewBox="0 0 20 20">
            <path d="M7 5l6 5-6 5z" fill="currentColor" />
        </symbol>
    </svg>
    <header>
        <div class="logo">
            <a href="https://www.meituan.com/"><img src="../images/meituan.webp" alt="">
            </a>
            <span class="font1">美团</span>
        </div>
        <nav class="navBar">
            <ul class="navBar-list">
                <li class="jH"><a class="" href="front-page.html">首页</a></li>
                <li class="jH"><a class="" href="win-together.html">和美团合作</a></li>
                <li class="jH jI"><a class="" href="../index.html">我们的科技</a></li>
                <li class="jH deepArrow"><a class="jO " href="social.html">企业社会责任</a>
                    <div class="nav-dropdown-menu" style="color:#333;">
                        <svg width="20" height="20" class="jM">
                            <use href="#wk-deepArrow"></use>
                        </svg>
                    </div>
                    <div class="j1">
                        <div class="j2">
                            <div class="j21">
                                <h2>个体</h2>
                                <hr>
                                <a href="/csr/environmental-protection">遍历骑手生活</a><br>
                                <a href="/csr/environmental-protection">骑手关怀与发展</a><br>
                                <a href="/csr/environmental-protection">涌现新职业</a><br>
                            </div>
                            <div class="j22">
                                <h2>产业</h2>
                                <hr>
                                <a href="/csr/environmental-protection">助力市场繁荣</a><br>
                                <a href="/csr/environmental-protection">支持小商户发展</a><br>
                                <a href="/csr/environmental-protection">助力商家经营成长</a><br>
                                <a href="/csr/environmental-protection">中华老字号支持计划</a><br>
                            </div>
                            <div class="j23">
                                <h2>社会</h2>
                                <hr>
                                <a href="/csr/environmental-protection">推动绿色消费</a><br>
                                <a href="/csr/environmental-protection">支持乡村振兴</a><br>
                                <a href="/csr/environmental-protection">参与应急救灾</a><br>
                            </div>
                        </div>
                        <hr>
                        <div class="download-center">
                            <a href="/csr/environmental-protection">下载中心</a>
                        </div>
                    </div>
                </li>
                <li class="jH deepArrow"><a class="" href="Public-welfare.html">美团公益</a>
                    <div class="nav-dropdown-menu" style="color:#333;">
                        <svg width="20" height="20" class="jM">
                            <use href="#wk-deepArrow"></use>
                        </svg>
                    </div>
                    <div class="j1">
                        <div class="j3">
                            <a href="">美团乡村儿童操场</a><br>
                            <a href="">美团公益基金会</a><br>
                            <a href="">青山科技基金</a><br>
                        </div>
                    </div>
                </li>
                <li class="jH deepArrow"><a class="" href="Information-Disclosure.html">信息公开</a>
                    <div class="nav-dropdown-menu" style="color:#333;">
                        <svg width="20" height="20" class="jM">
                            <use href="#wk-deepArrow"></use>
                        </svg>
                    </div>
                    <div class="j1">
                        <div class="j4">
                            <a href="">骑手保障</a><br>
                            <a href="">商家生态</a><br>
                            <a href="">食品安全</a><br>
                            <a href="">算法公开</a><br>
                            <a href="">辟谣公告</a><br>
                        </div>
                    </div>
                </li>
                <li class="jH"><a class="" href="/investor-relations">投资者关系</a></li>
                <li class="jH"><a href="https://zhaopin.meituan.com/m/home?source=mtgw" target="_blank"
                        rel="noreferrer">加入我们</a></li>
            </ul>
        </nav>
        <div class="right">
            <div class="il deepArrow">下载和关注
                <div class="nav-dropdown-menu" style="color:#333;">
                    <svg width="20" height="20" class="jM">
                        <use href="#wk-deepArrow"></use>
                    </svg>
                </div>
                <div class="j1">
                    <div class="j5">
                        <a href="">美团APP</a><br>
                        <a href="">美团外卖APP</a><br>
                        <a href="">大众点评APP</a><br>
                        <a href="">美团微博</a><br>
                        <a href="">美团微信公众号</a><br>
                        <a href="">美团微信视频号</a><br>
                    </div>
                </div>
            </div>
            <div class="kl deepArrow">简体中文
                <div class="nav-dropdown-menu" style="color:#333;">
                    <svg width="20" height="20" class="jM">
                        <use href="#wk-deepArrow"></use>
                    </svg>
                </div>
                <div class="j1">
                    <div class="j6">
                        <a href="">简体中文</a><br>
                        <a href="">繁体中文</a>
                        <hr>
                        <a href="">English Version</a><br>
                    </div>
                </div>
            </div>
    </header>
    <main>
        <!-- Banner图 -->
        <div class="pic">
            <span>和美团合作，一起更好</span>
        </div>
        <!-- ... 其他模块 ... -->
        <div class="content">
            <div class="left1">
                <ul>
                    <li class="active">
                        <a href="#section1">门店入驻</a>
                    </li>
                    <li>
                        <a href="#section2">成为供应商</a>
                    </li>
                    <li>
                        <a href="#section3">区县代理</a>
                    </li>
                    <li>
                        <a href="#section4">物流配送合作</a>
                    </li>
                    <li>
                        <a href="#section5">商家服务</a>
                    </li>
                </ul>
                <div style="border-top: 1px solid rgb(167, 160, 160); margin: 30px -5px; width: 175px;"></div>

                <div style="padding-left: 48px; background-color: #ffff; width: 140px; height: 144px; margin-top: 50px; ">
                    <img src="../images/扫一扫.webp" alt="" style="width: 120px; height: 120px; margin-top: 2px; margin-left: -37px; ">
                    <span style="display: block; margin-left: -40px;" >扫一扫，和美团合作</span>
                </div>
            </div>
            <div class="right2">
                <h2 id="section1">门店入驻</h2>
                <ul>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">外卖商家入驻</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">餐饮堂食合作</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">综合商家入驻</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">酒店商家入驻</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">民宿房东入驻</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">美团闪电仓加盟</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">门票旅游商家入驻</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">美团优选店长招募</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                </ul>
                <h2 id="section2">成为供应商</h2>
                <ul>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">美团优选商家入驻</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">快驴进货合作招商</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">美团买药合作招商</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                </ul>
                <h2 id="section3">区县代理</h2>
                <ul>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">歪马送酒招商加盟</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">下沉市场合作商招募</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">电单车渠道合作</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">到店综合服务商合作</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">单车渠道合作</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">充电宝合作商招募</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">餐饮系统渠道合作</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">硬件设备渠道合作</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">客满满渠道合作</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                </ul>
                <h2 id="section4">物流配送合作</h2>
                <ul>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">美团优选网格站加盟</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">美团优选协同仓合作</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">城市配送车辆合作商</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">美团配送校园合作商</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">美团配送专送合作商</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">小象超市配送合作商</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">美团优选劳务服务商</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">小象超市劳务服务商</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                </ul>
                <h2 id="section5">商家服务</h2>
                <ul>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">美团技术服务合作中心</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">美团餐饮系统</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">美团零售系统</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">美团酒店系统</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">快驴进货</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">美团客满满</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">外卖出餐宝</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">美团生意贷</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                    <li class="box2">
                        <div style="padding-left: 46px; margin-top: 39px;">
                            <span style="display: block;">美团企业版</span>
                            <small class="hidden2" style="margin: 0;">开通美团外卖，实现用户和销量双增长</small>
                            <small class="hidden1">查看详情-></small>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </main>
    <!-- 页脚内容 -->
    <footer class="">
        <div class="hm">
            <div class="f1">
                <div class="logo">
                    <a href="https://www.meituan.com/"><img src="../images/meituan.webp" alt="">
                    </a>
                    <span class="font1">美团</span>
                </div>
            </div>
            <div class="f2">
                <div class="m1">
                    <div>
                        <h6 class="hu">了解更多</h6>
                        <div class="hp"></div>
                    </div>
                    <div class="hv">
                        <ul>
                            <li class="hw"><a class="hL" target="_blank" href="/news"><span>新闻中心</span></a></li>
                            <li class="hw"><a class="hL" target="_blank" href="/media"><span>媒体资源</span></a></li>
                            <li class="hw"><a href="https://isp.meituan.com/login" target="_blank" rel="noreferrer"
                                    class="hL"><span>供应商</span></a></li>
                        </ul>
                    </div>
                </div>

                <div class="m2">
                    <div>
                        <h6 class="hu">加入我们</h6>
                        <div class="hp"></div>
                    </div>
                    <div class="hv">
                        <ul>
                            <li class="hw"><a class="hL" target="_blank" href="/news"><span>新闻中心</span></a></li>
                            <li class="hw"><a class="hL" target="_blank" href="/media"><span>媒体资源</span></a></li>
                            <li class="hw"><a href="https://isp.meituan.com/login" target="_blank" rel="noreferrer"
                                    class="hL"><span>供应商</span></a></li>
                        </ul>
                    </div>
                </div>
                <div class="m3">
                    <div>
                        <h6 class="hu">联系我们</h6>
                        <div class="hp"></div>
                    </div>
                    <div class="hv">
                        <ul>
                            <li class="hw"><a class="hL" target="_blank" href="/hotline"><span>服务热线</span></a></li>
                            <li class="hw"><a href="https://jubao.meituan.com/v2/home?source=3" target="_blank"
                                    rel="noreferrer" class="hL"><span>廉正举报</span></a></li>
                            <li class="hw"><a href="https://ipr.meituan.com/#/home" target="_blank" rel="noreferrer"
                                    class="hL"><span>知识产权</span></a></li>
                        </ul>
                    </div>
                </div>

                <div class="m4">
                    <h6 class="hu">下载和关注</h6>
                    <div class="hv">
                        <ul class="">
                            <li class="hw">
                                <div class="hidden"></div><span class="j7">美团App</span>
                            </li>
                            <li class="hw">
                                <div class="hidden"></div><span class="j7">美团外卖App</span>
                            </li>
                            <li class="hw">
                                <div class="hidden"></div><span class="j7">大众点评App</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="m5">
                    <h6 class="hu"></h6>
                    <div class="hv">
                        <ul class="">
                            <li class="hw">
                                <div class="hidden"></div><span class="j7">美团微博</span>
                            </li>
                            <li class="hw">
                                <div class="hidden"></div><span class="j7">美团微信公众号</span>
                            </li>
                            <li class="hw">
                                <div class="hidden"></div><span class="j7">美团微信视频号</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <hr>
        <div class="bot">
            <div class="bot1">
                <div class="">
                    <p>举报电话：4006018900，举报邮箱：tousujubao@meituan.com,以上渠道均可投诉举报：互联网违法和不良信息，涉及未成年人保护、互联网算法推荐、谣言类信息、生活服务类专项举报等相关问题。
                    </p>
                </div>
                <div class="bot2">
                    <div class="">©2025 美团版权所有&nbsp;&nbsp;
                        <a href="https://beian.miit.gov.cn/">京ICP备10211739号</a>
                        <span>&nbsp;&nbsp;</span>
                        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002002052">
                            <span>京公网安备 11000002002052号</span>
                        </a>
                        <span>&nbsp;&nbsp; | </span>
                        <span>&nbsp;&nbsp;</span>
                        <span>
                            <a href="https://rules-center.meituan.com/rules-detail/2">隐私政策</a>
                            <span> | </span>
                            <a href="https://rules-center.meituan.com/">规则中心</a>
                        </span>
                    </div>
                </div>
                <div class="bot3"><span>药品医疗器械网络信息服务备案 (京)网药械信息备字（2022）第00228号 药品网络交易第三方平台备案
                        （京）网药平台备字〔2023〕第000013号 医疗器械网络交易第三方平台 （京）网械平台备字（2018）第00004号</span></div>
            </div>
        </div>
    </footer>

</body>


</html>